@media screen and (max-width: 1680px){
    .list {
        margin-bottom: 50px;
    }
    .list .dynamicState div:nth-child(2) {
        width: 710px;
    }

    .list .vidio li {
        width: 380px;
        height: 320px;
    }
    .list .vidio li .pic{width: 380px;height: 227px;}
    .list .vidio li .imgBg{height: 227px;}

    .list .vidio p {
        font-size: 16px;
    }
    .list .dynamicState li {
        padding: 40px 0px;
    }
    .list .dynamicState p:nth-child(1) {
        font-size: 23px;
    }
    .list .dynamicState p:nth-child(2) {
        font-size: 16px;
    }
    .list>p span {
        font-size: 31px;
    }
}
@media screen and (max-width: 1440px){
    .list>p span {
        font-size: 26px;
    }
    .list .dynamicState p:nth-child(1) {
        font-size: 20px;
    }
    .list .dynamicState p:nth-child(2) {
        font-size: 14px;
    }
    .list .dynamicState span {
        font-size: 12px;
    }
}
@media screen and (max-width: 750px){
    header{
        display: none;
    }
    .m-headr{
        display: block;
    }
    body>.nav{
        display: none;
    }
    .page{
        display: none;
    }
    .title{
        width: 7.5rem;
        height: 8.7rem;
    }
    .title p {
        margin-top: 3.8rem;
        font-size: .56rem;
        line-height: .74rem;
    }
    .title .search {
        margin-top: .28rem;
    }
    .title .search input {
        width: 8.88rem;
        height: 1rem;
        border: .02rem solid #C4C4C4;
        background-position: .3rem .3rem;
        padding-left: .88rem;
    }
    .title .search button {
        width: 1.6rem;
        height: 1rem;
        font-size: .3rem; 
    }
    .list>p span {
        font-size: .48rem;
        margin-right: .6rem;
        margin-top: .56rem;
    }
    .list .dynamicState .pic{
        width: 100%;
        height: 4.06rem;
    }
    .list .dynamicState .imgBg {
        height: 4.06rem;
    }
    .dynamicState{
        margin-top: .1rem;
    }

    .list .dynamicState li {
        padding: .2rem 0rem;
        box-sizing: border-box;
    }
    .list .dynamicState div:nth-child(2) {
        width: 100%;
        float: none;
        height: 1.6rem;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .list .dynamicState p:nth-child(1) {
        font-size: .30rem;
        line-height: .42rem;
        font-weight:normal;
    }
    .list .dynamicState p:nth-child(2) {
        display: none;
    }
    .list .dynamicState span {
        position: static;
    }
    .list {
        margin-bottom: .4rem;
    }
    .list .vidio {
        margin-top: 0rem;
    }
    .list .vidio li {
        width: 6.9rem;
        height: auto;
        margin: 0px;
        margin-top: .2rem;
    }
    .list .vidio li .pic {
        width: 6.9rem;
        height: 3.92rem;
    }
    .list .vidio li .imgBg{
        height: 3.92rem;
    }
    .list .vidio li .play {
        width: 100%;
    }
    .list .vidio p {
        font-size: .28rem;
        margin: .2rem 0;
    }
}